<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<title>二八杠房间<?php echo $room_number;?></title>

<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/erba.css">
<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/alert.css">

<script type="text/javascript" src="<?php echo $image_url;?>files/js/fastclick.js"></script>

<script>

	window.addEventListener('load', function() {
		FastClick.attach(document.body);
	}, false);

	var newNum = "";
	var per = window.innerWidth / 530;
	var globalData = {
		"card":"<?php echo $card;?>",
		"roomNumber":"<?php echo $room_number;?>",
		"baseUrl":"<?php echo $base_url;?>",
		"openId":"<?php echo $open_id;?>",
		"socket":"<?php echo $socket;?>",
		"roomUrl":"<?php echo $room_url;?>",
		"dealerNum": "<?php echo $dealer_num;?>",
		"file_url":"<?php echo $file_url;?>",
		"image_url":"<?php echo $image_url;?>",
		"roomStatus":"<?php echo $room_status;?>",
		"scoreboard":'<?php echo $balance_scoreboard;?>',
		"session":'<?php echo $session;?>',

		//广播
		"isNotyMsg":'<?php echo "$is_announcement"?>',
		"notyMsg":'<?php echo "$announcement_content"?>',
		"notyTime":'<?php echo "$announcement_sec"?>',
		"notySpeed":5000,
	};
	var userData = {
		"accountId":"<?php echo $user['account_id'];?>",
		"nickname":"<?php echo $user['nickname'];?>",
		"avatar":"<?php echo $user['headimgurl'];?>",
		"myCode":"<?php echo $user['my_code']==-1||$user['my_code']=='-1'||$user['my_code']==''?20000+$user['user_code']:$user['my_code'];?>",
	};
	var configData = {
		"appId":"<?php echo $config_ary['appId'];?>",
		"timestamp":"<?php echo $config_ary['timestamp'];?>",
		"nonceStr":"<?php echo $config_ary['nonceStr'];?>",
		"signature":"<?php echo $config_ary['signature'];?>",
	};
	
</script>
</head>

<body>
<style>
    .clickMe{position: absolute;top: 9%;left: 2%;width: 24%;z-index:91;text-align: center;height:4.5vh;line-height: 4.5vh;}
    .clickMe img{width:100%;}
    .copyMe{position: absolute;top: 9%;right: 2%;width: 24%;z-index:91;text-align: center;height: 4.5vh;line-height: 4.5vh;border:0;background:none;background-image: url(<?php echo $image_url;?>files/images/guest/copyme.png);background-position:center;background-size: contain; background-repeat: no-repeat;}
</style>
<div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" id="loading">
	<div class="load4">
		<div class="loader">Loading...</div>
	</div>
</div>

<div class="main" id="app-main" style="display: none;'">
	<!--广播-->
	<div v-show="isShowNoty" style="position: absolute;background-color: rgba(0,0,0,0.6);width: 100%;height: 4vh;line-height: 4vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9998;">
		<img style="position: absolute;top: 0vh;left: 3vw;width: 4vh;height: 4vh;" src="<?php echo $image_url;?>files/images/common/laba.png">
	</div>
	<div v-show="isShowNoty" id="marquee" style="position: absolute;top: 0;left: 12vw;background-color: rgba(0,0,0,0);width: 88vw;height: 4vh;line-height: 4vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9999;">
		{{notyMsg}}
	</div>
	<!--end-->

	<div class="disconnect" v-show="!connectOrNot" style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101">
		<div style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;">
		</div>
		<a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a>
	</div>

	<img class="bottom"  src="<?php echo $image_url;?>files/images/erba/footer.jpg" />	
	<div class="roomCard">
		<img  src="<?php echo $image_url;?>files/d_<?php echo $dealer_num;?>/images/home/fwm.png" />
		<div class="num">
			<div style="position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #000;opacity: .3;border-radius:1.5vh;"></div>
			<div style="position: relative;padding: 0 2vh 0 5vh;">{{userData.myCode}}</div>
		</div>
	</div>		
	
	<div>
		<img class="roundButton bottomGameRule" src="<?php echo $image_url;?>files/images/common/icon_description2.png" v-on:click="showIntro" style="z-index: 110">
		<img class="roundButton bottomGameHistory" src="<?php echo $image_url;?>files/images/common/icon_rule2.png" v-on:click="showGameRule" style="z-index: 110">
		<img class="roundButton addFriend" src="<?php echo $image_url;?>files/images/common/icon_sound2.png" v-on:click="showAudioSetting" />	
		<img class="roundButton bottomGameMessage" src="<?php echo $image_url;?>files/images/common/icon_message2.png" v-on:click="showMessage">
	</div>

	
	<div class="gameRound" >{{game.round}}&nbsp/&nbsp{{game.total_num}}&nbsp局</div>



	<div  class="table" id="table">
		<img class="tableBack"  src="<?php echo $image_url;?>files/images/erba/table.jpg" />
        <div class="clickMe"><img src="<?php echo $image_url;?>files/images/guest/clickme.png" v-on:click="location.reload()"></div>
        <button class="copyMe" data-clipboard-text="<?php echo $room_url;?>"></button>
		<!-- 钓鱼选手  	-->	
		<div class="fish" v-show="!game.fish_member">钓鱼区</div>
		<div class="memberUp" v-for="p in player" v-bind:class="'memberUp' + p.num" v-if="p.num>4"  >
			<div v-show="p.account_id>0">
				<div>
					<img v-bind:src="p.headimgurl" class="avatar">
					<div class="info">
						<div class="back"></div>
						<div class="name">{{p.nickname}}</div>
						<div class="score">{{p.account_score}}</div>
					</div>	
				</div>
				<div class="memberScoreText"  v-bind:class="'memberScoreText' + p.num"  style="display: none;">	 
				    <label v-show="p.single_score<0"  style="position: absolute; top:6vh; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: white; font-size: 2.4vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055;display:none; ">{{p.single_score}}</label>
				    <label v-show="p.single_score>0"  style="position: absolute; top:6vh; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 2.4vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">+{{p.single_score}}</label>
				    <label v-show="p.single_score==0"  style="position: absolute; top:6vh; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 2.4vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">0</label>
				</div>
			</div>
		</div>
		

		<!-- 玩家  -->					
		<div  v-for="p in player" class="member" v-bind:class="'member' + p.num" v-if="p.num<5"  >
		    <!-- 玩家背景框 -->
			<img src="<?php echo $image_url;?>files/images/common/player_bg2.png" class="background"   v-show="p.account_id>0">
            <img src="<?php echo $image_url;?>files/images/common/player_selected2.png" style="position: absolute; top: 10%; left: 10%; width: 82%; height: 82%;" v-show="p.is_banker">

            <!-- 玩家昵称 -->
			<div class="title" v-show="p.account_id>0">{{p.nickname}}</div>
			<!-- 玩家头像 -->
			<img v-bind:src="p.headimgurl" class="avatar" v-show="p.account_id>0">
			<!-- 玩家积分 -->
			<div class="score"  v-show="p.account_id>0">{{p.account_score}}</div>
			<!-- 玩家身份 -->
			<img src="<?php echo $image_url;?>files/images/erba/icon_zhuang.png" class="status" v-show="p.is_banker">
			<img src="<?php echo $image_url;?>files/images/erba/icon_xian.png" class="status" v-show="!p.is_banker">
			
			
			<img v-bind:id="'banker' + p.account_id" src="<?php echo $image_url;?>files/images/common/player_selected2_bg.png" class="background" style="position: absolute; top: 10%;left: 10%;width: 82%; height: 82%; display: none;" />
			<img v-bind:id="'bankerAnimate' + p.num" src="<?php echo $image_url;?>files/images/common/player_selected2.png" style="position: absolute; top: 10%; left: 10%; width: 82%; height: 82%;display: none; ">
			<img v-bind:id="'bankerAnimate1' + p.num" src="<?php echo $image_url;?>files/images/common/player_selected2.png" style="position: absolute; top: 10%; left: 10%; width: 82%; height: 82%; display: none;">

			<img src="<?php echo $image_url;?>files/images/erba/fapai.png" class="fapaikuang" style="position: absolute; top: 10%;left: 10%;width: 82%; height: 82%;z-index: 1;" v-show="game.light==p.num"/>
			<img src="<?php echo $image_url;?>files/images/erba/fapai1.png" class="fapaikuang1" style="position: absolute; top: 10%;left: 10%;width: 82%; height: 82%;z-index: 1;" v-show="game.light==p.num"/>
			
				
			<!-- 玩家离开或不在线 -->
            <div class="quitBack" v-show="(p.num>1&&p.online_status==0)||p.account_id==0" > </div>
            <!-- 玩家手牌 -->
            <div class="majiang">
	             <!-- 发牌 -->
	            <div class="majiangTemp" style="display: none;">
	            	<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="outer"/>
	            	<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="outer moved"/>
	            </div>	            
	            <div class="majiangTemp1" style="display: none;">
	            	<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="outer"/>
	            	<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="outer moved"/>
	            </div>
	            <!-- 翻牌 -->

	            <div class="majiangSet" v-for="(i,index) in position_info"  v-if="(p.account_status==9||p.account_status==10)&&p.num==1&&(index+1)==p.serial_num" >
	            	<div class="outer" >
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="ani" v-show="animate.majiang1==0&&p.animate!=4" v-on:click="seeMyCard(1)"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang3.png" class="ani" v-show="animate.majiang1==1" style="margin-bottom: -.5vh;"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang4.png" class="ani" v-show="animate.majiang1==2" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang5.png" class="ani" v-show="animate.majiang1==3" style="margin-bottom: -.5vh;"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang6.png" class="ani" v-show="animate.majiang1==4||p.animate==4" />
	            		<img v-bind:src="'<?php echo $image_url;?>files/images/erba/card'+i.card_info[0]+'.png'" class="inner" v-show="animate.majiang1==4||p.animate==4" />
	            	</div>
	            	
	            	<div class="outer moved">
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="ani" v-show="animate.majiang2==0&&p.animate!=4" v-on:click="seeMyCard(2)"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang3.png" class="ani" v-show="animate.majiang2==1" style="margin-bottom: -.5vh;"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang4.png" class="ani" v-show="animate.majiang2==2" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang5.png" class="ani" v-show="animate.majiang2==3" style="margin-bottom: -.5vh;"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang6.png" class="ani" v-show="animate.majiang2==4||p.animate==4" />
	            		<img v-bind:src="'<?php echo $image_url;?>files/images/erba/card'+i.card_info[1]+'.png'" class="inner" v-show="animate.majiang2==4||p.animate==4" />
	            	</div>
	            </div>	
    
	            <div class="majiangSet" v-for="(i,index) in position_info" v-if="(p.account_status==9||p.account_status==10)&&p.num!=1&&(index+1)==p.serial_num" >
	            	<div class="outer">
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="ani" v-show="p.animate==0"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang3.png" class="ani" v-show="p.animate==1" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang4.png" class="ani" v-show="p.animate==2" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang5.png" class="ani" v-show="p.animate==3" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang6.png" class="ani" v-show="p.animate==4" />
	            		<img v-bind:src="'<?php echo $image_url;?>files/images/erba/card'+i.card_info[0]+'.png'" class="inner" v-show="p.animate==4" />
	            	</div>
	            	<div class="outer moved">
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang2.png" class="ani" v-show="p.animate==0"/>
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang3.png" class="ani" v-show="p.animate==1" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang4.png" class="ani" v-show="p.animate==2" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang5.png" class="ani" v-show="p.animate==3" />
	            		<img src="<?php echo $image_url;?>files/images/erba/majiang6.png" class="ani" v-show="p.animate==4" />
	            		<img v-bind:src="'<?php echo $image_url;?>files/images/erba/card'+i.card_info[1]+'.png'" class="inner" v-show="p.animate==4" />
	            	</div>
	            </div>	
            </div>
            
            
            
           <!-- 积分池 -->
        	<div v-for="(i,index) in position_info" v-if="(index+1)==p.serial_num" >    
				
	            <div class="scorePlace"  v-show="p.account_status>7&&!p.is_banker"   >
	            	<div class="back"></div>
	            	<div class="totalScore">总注：{{i.chip.total}}</div>
	            	<div class="myScore" v-if="!player[game.user_num].is_banker">下注：{{i.chip.my_bet}}</div>
	            </div>	  
	            
	                      
 				<div class="scorePlace"  v-show="p.account_status==7&&!p.is_banker&&!player[game.user_num].is_banker"   >
	            	<div class="back"></div>
	            	<div class="totalScore">总注：{{i.chip.total}}</div>
	            	<img class="myScoreImg" v-bind:src="'<?php echo $image_url;?>files/images/erba/coin'+i.chip.my_bet+'.png'" v-if="!player[game.user_num].is_banker&&i.chip.my_bet!=0" >
	            </div>
	            
	            <div v-bind:class="'scorePlace scorePlaceBanker scorePlace'+p.num"  v-if="p.account_status==7&&!p.is_banker&&player[game.user_num].is_banker" style="height: 12vh;"  >
	            	<div class="back" style="height: 3vh;"></div>
	            	<div class="totalScore">总注：{{i.chip.total}}</div>
	            </div>  
	            
	            <!-- 下注框 -->
	            <div class="PKbox" v-show="!p.is_banker&&player[game.user_num].account_status!=0&&player[0].account_status==7&&!player[game.user_num].is_banker&&i.chip.my_bet==0" v-on:click="showCoinArea(p.num)">
					<div class="PKboxBack"></div>
				</div>
			</div>
			
            <!-- 准备状态 game.round!=game.total_num-->
			<div class="gameStatus">
				<img src="<?php echo $image_url;?>files/images/common/ready_text.png" class="ready" v-show="game.round!=game.total_num&&p.num!=1&&p.account_status==2&&p.account_id>0" />
				<img src="<?php echo $image_url;?>files/images/erba/robBanker2.png" class="banker" v-show="p.num!=1&&p.account_status==4" />
				<img src="<?php echo $image_url;?>files/images/erba/robBanker.png" class="banker" v-show="p.num!=1&&p.account_status==5" />
				<div class="memberScoreText"  v-bind:class="'memberScoreText' + p.num" v-if="p.account_id>0" style="display: none;">	 
				    <label v-show="p.single_score<0"  style="position: absolute; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055;display:none; ">{{p.single_score}}</label>
				    <label v-show="p.single_score>0"  style="position: absolute; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">+{{p.single_score}}</label>
				    <label v-show="p.single_score==0"  style="position: absolute; line-height: 6vh; width: 100%; height: 6vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;display:none; ">0</label>
				</div>	
				
				
				<div class="pointArea" v-for="(i,index) in position_info" v-if="(index+1)==p.serial_num&&p.account_status==10" >
					<img src="<?php echo $image_url;?>files/images/erba/point_bg.png"  />
					<div class="point">{{i.card_text}}</div>
				</div>
			</div>
			
		</div>
		
        <!-- 玩家金币 -->
        <div id="playerCoins" style="display: none;">
        	<div v-for='(p,index) in player' v-if="index<4">
        		<div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
        			<img src="<?php echo $image_url;?>files/images/erba/coin.png" style="position: absolute; width: 100%; height: 100%">
        		</div>
        	</div>
        </div>
        <!-- 玩家消息  -->
		<div v-for="p in player">
			<div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
				<div>{{p.messageText}}</div>
				<div class="triangle"> </div>
			</div>
		</div>

		<!-- 上半场手牌  -->
		<div class="first_half_cards" v-show="game.first_half_cards.length>0||1">
			<div class="back"></div>
			<div class="title">手牌区</div>
			<div v-for="f in game.first_half_cards" class="cards">
				<img v-bind:src="'<?php echo $image_url;?>files/images/erba/card'+f+'.png'" class="inner" />
			</div>		
		</div>
		<!-- 倒计时和等待文字  -->
		<div class="clock" v-show="game.time>-1">
			{{game.time}}
		</div>
		<div class="waitingText" v-show="game.waiting_text_show">
			{{game.waiting_text}}
		</div>
		<!-- 色子  -->
		<div class="dice" v-show="dice.status>0">
			<div class="dice1">
				<img src="<?php echo $image_url;?>files/images/erba/dice.gif"  v-show="dice.status==1">
				<img v-bind:src="'<?php echo $image_url;?>files/images/erba/'+dice.dice1+'.png'" v-show="dice.status>1">
			</div>
			<div class="dice2">
				<img src="<?php echo $image_url;?>files/images/erba/dice.gif"  v-show="dice.status==2">
				<img v-bind:src="'<?php echo $image_url;?>files/images/erba/'+dice.dice2+'.png'" v-show="dice.status==3">
			</div>
		</div>
	
		<!-- 麻将堆  -->
		<div class="cardList" v-bind:style="'margin-left:'+(-5-majiangNum)+'vh'">
			<div  class="majiangShow">
				<div v-for="c in majiangList" class="cardDown card"  v-bind:style="'margin-left:'+((c.num-1)*4)+'vh;'" v-show="c.num<=10&&c.num<=animate.animate1">
					<img src="<?php echo $image_url;?>files/images/erba/majiang1.png" class="outer"/>
				</div>
				<div v-for="c in majiangList" class="cardUp card"  v-bind:style="'margin-left:'+((c.num-11)*4)+'vh;'" v-show="c.num>10&&(c.num-10)<=animate.animate1">
					<img src="<?php echo $image_url;?>files/images/erba/majiang1.png" class="outer"/>
				</div>
			</div>			
			
			<div  v-if="majiangMoving&&majiangReset" class="majiangMoving"  >
				<div v-for="c in majiangList" v-bind:class="'cardDown card'+c.num"  v-bind:style="'margin-left:'+((c.num-1)*4)+'vh;'" v-if="c.num<=(majiangNum/2)">
					<img src="<?php echo $image_url;?>files/images/erba/majiang1.png" class="outer"/>
				</div>
				<div v-for="c in majiangList" v-bind:class="'cardUp card'+(c.num-(majiangNum/2))"  v-bind:style="'margin-left:'+((c.num-1-(majiangNum/2))*4)+'vh;'" v-if="c.num>(majiangNum/2)&&c.num<=majiangNum">
					<img src="<?php echo $image_url;?>files/images/erba/majiang1.png" class="outer"/>
				</div>
			</div>	
			
			<div  v-show="!majiangMoving&&majiangReset"  class="majiangList">
				<div v-for="c in majiangList" v-bind:class="'cardDown card'+c.num"  v-bind:style="'margin-left:'+((c.num-1)*4)+'vh;'" v-if="c.num<=(majiangNum/2)">
					<img src="<?php echo $image_url;?>files/images/erba/majiang1.png" class="outer"/>
				</div>
				<div v-for="c in majiangList" v-bind:class="'cardUp card'+(c.num-(majiangNum/2))"  v-bind:style="'margin-left:'+((c.num-1-(majiangNum/2))*4)+'vh;'" v-if="c.num>(majiangNum/2)&&c.num<=majiangNum">
					<img src="<?php echo $image_url;?>files/images/erba/majiang1.png" class="outer"/>
				</div>
			</div>			
		</div>

		<!-- 按钮操作区域 -->
        <div id="operationButton" >
        	<!-- 准备 -->
        	<div v-show="game.round!=game.total_num" class="buttonCenter">
        		<div  class="buttonMiddle buttonCenter"  class="unready" v-show="game.circle==-1&&game.user_id==player[0].account_id&&(player[0].account_status==1||player[0].account_status==0)&&(can_break==0||!player[game.user_num].is_banker)" v-on:click="imReady" >准备</div>		
				<img src="<?php echo $image_url;?>files/images/common/ready_text.png" class="ready" v-show="player[0].account_status==2" />
			</div>
            <div v-show="game.round!=game.total_num" class="buttonCenter">
                <div  class="buttonMiddle buttonCenter" style="bottom: -10vh;" class="unready" v-show="game.circle==-1&&game.user_id==game.creator_id&&(player[0].account_status==1||player[0].account_status==0)&&(can_break==0||!player[game.user_num].is_banker) && game.round ==0" v-on:click="imCloseRoom" >强制关闭</div>
            </div>
        	<!-- 抢庄状态 -->
        	<div v-show="player[0].account_status==4" class="buttonCenter">
	        	<img src="<?php echo $image_url;?>files/images/erba/robBanker2.png" class="bankerStatus"  />
        	</div> 
        	<div v-show="player[0].account_status==5" class="buttonCenter">
	        	<img src="<?php echo $image_url;?>files/images/erba/robBanker.png" class="bankerStatus"  />
        	</div>  
        	<div v-show="player[game.user_num].account_status!=0&&player[0].account_status==7&&!player[game.user_num].is_banker" class="buttonCenter">
	        	<img src="<?php echo $image_url;?>files/images/erba/txt_tobet.png" class="bankerStatus" style="height: 4vh;"/>
        	</div> 
        	<div v-show="player[game.user_num].account_status!=0&&player[0].account_status==7&&player[game.user_num].is_banker" class="buttonCenter">
	        	<img src="<?php echo $image_url;?>files/images/erba/txt_wait.png" class="bankerStatus" style="height: 4vh;"/>
        	</div> 
        	
        	    	
        	<div v-if="game.user_id==player[0].account_id">
	        	<div v-show="(animate.majiang1!=4||animate.majiang2!=4)&&player[0].account_status==9" class="buttonCenter">
		        	<img src="<?php echo $image_url;?>files/images/erba/txt_clickcard.png" class="bankerStatus" style="height: 4vh;"/>
	        	</div> 

        		<div class="alertNote"></div>
        		<!-- 抢庄 -->
	        	<div v-show="player[0].account_status==3">
		        	<div  class="buttonLeft buttonCenter" v-on:click="notRobBanker">不抢</div>
		        	<div  class="buttonRight buttonCenter" v-on:click="robBanker(1)">抢庄</div>	
	        	</div>
	        	<!-- 洗牌 -->
	        	<div class="buttonMiddle buttonCenter" v-show="player[0].account_status==6&&player[0].is_tianmen&&animate.animate1==0&&0" v-on:click="xiPai()">洗牌</div>
	        	
	        	<!-- 发牌 -->
	        	<div class="buttonCenter fapai" v-show="player[game.user_num].is_banker&&game.fapai">
	        		<img src="<?php echo $image_url;?>files/images/erba/fa.png" class="buttonRound" v-on:click="faPai(1)">	        		
	        	</div>
	        	<!-- 摊牌 -->
	        	<div class="buttonMiddle buttonCenter" v-show="animate.majiang1==4&&animate.majiang2==4&&player[0].account_status==9" v-on:click="showCard">摊牌</div>
	        	<!-- 下庄 -->
	        	<div v-show="game.round!=game.total_num&&game.circle==-1&&game.user_id==player[0].account_id&&player[0].account_status==1&&player[game.user_num].is_banker&&can_break==1">
	        		<div  class="buttonLeft buttonCenter" v-on:click="quitCommit">下庄</div>
		        	<div  class="buttonRight buttonCenter" v-on:click="imReady">准备</div>	
	        	</div>
        	</div>
        </div>
        <!-- 下注 -->
        <div class="setScore" v-for="p in player"  v-bind:class="'setScore' + p.num" v-show="coinArea==p.num&&p.account_status==7">
        	<div class="clickBack" v-on:click="hideCoinArea" ></div>
        	<div class="area">
        		<div class="back"></div>
        		<div class="triangle"></div>
        		<div v-if="ruleInfo.chip_type==1">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin10.png" class="buttonRound" v-on:click="selectCoin(10)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin20.png" class="buttonRound" v-on:click="selectCoin(20)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin30.png" class="buttonRound" v-on:click="selectCoin(30)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin50.png" class="buttonRound" v-on:click="selectCoin(50)">
        		</div>
        		<div v-if="ruleInfo.chip_type==2">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin20.png" class="buttonRound" v-on:click="selectCoin(20)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin30.png" class="buttonRound" v-on:click="selectCoin(30)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin50.png" class="buttonRound" v-on:click="selectCoin(50)">	
	        		<img src="<?php echo $image_url;?>files/images/erba/coin80.png" class="buttonRound" v-on:click="selectCoin(80)">	
        		</div>
        		<div v-if="ruleInfo.chip_type==3||ruleInfo.chip_type==4">
        			<img src="<?php echo $image_url;?>files/images/erba/coin30.png" class="buttonRound" v-on:click="selectCoin(30)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin50.png" class="buttonRound" v-on:click="selectCoin(50)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin80.png" class="buttonRound" v-on:click="selectCoin(80)">
	        		<img src="<?php echo $image_url;?>files/images/erba/coin100.png" class="buttonRound" v-on:click="selectCoin(100)">        			
        		</div>
				
        	</div>
        </div>  
	</div>
    <!--防伪码-->
        <div v-show="isShowAlert&&alertType==4" style="z-index:110;position:fixed;width:15vh;height:12vh;top:7vh;left:50%;margin-left:-7.5vh;background:url(<?php echo $image_url;?>files/images/custom/comm/fwmbg.png) no-repeat 0 0 / 100% 100%">
		    <div style="width:15vh;height:5vh;line-height:5vh;padding-top:0.5vh;text-align:center;font-size:2.8vh;font-weight:bold;color:#fff">{{userData.myCode}}</div>
		    <div style="width:15vh;height:4vh;line-height:4vh;text-align:center;color:#ddd;font-size:2.5vh;font-weight:bold;background:;">防伪码</div>
		</div>

	<!-- 提示  --> 	
	<div class="alert" id="valert" v-show="isShowAlert">
		<div class="alertBack"></div>
		<div class="mainPart">
			<div class="backImg">
				<div class="blackImg"></div>
			</div>
			<div class="alertText" >{{alertText}}</div>
			
			<div v-show="alertType==1" v-if="!isShop">
				<div class="buttonMiddle" v-on:click="home">返回首页</div>
			</div>			

			<div v-show="alertType==2">
				<div class="buttonMiddle" v-on:click="home">创建房间</div>
			</div>		
				
			<div v-show="alertType==3">
				<div class="buttonLeft" v-on:click="home">返回首页</div>
				<div class="buttonRight" v-on:click="closeAlert">取消</div>
			</div>			
		
			<div v-show="alertType==4">
				<div class="buttonLeft" v-on:click="home">创建房间</div>
				<div class="buttonRight" v-on:click="sitDown">加入游戏</div>
			</div>
			<div v-show="alertType==7">
				<div class="buttonMiddle" v-on:click="home">返回首页</div>
			</div>	
			<div v-show="alertType==8">
				<div class="buttonLeft" v-on:click="closeAlert">取消</div>
				<div class="buttonRight" v-on:click="gameover">下庄</div>
			</div>
			<div v-show="alertType==9">
				<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
			</div>
			<div v-show="alertType==10">
				<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
			</div>
			<div v-show="alertType==11">
				<div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
			</div>
			<div v-show="alertType==88">
				
			</div>
		    <div v-show="alertType==31">
                <div class="buttonMiddle" v-on:click="reloadView()">确定</div>
            </div>
          	
		</div>
	</div>

    <!-- 排行 -->
	<div class="ranking hideRanking" id="ranking" style="z-index: 1">
		<div class="rankBack">
			<img  crossOrigin="Anonymous"  src="<?php echo $image_url;?>files/images/erba/rank_bg.jpg" style="position: absolute;top: 0;left: 0;width: 100%">
		</div>

		<div class="rankText" style="position: absolute;top: 4%;">
			<img  crossOrigin="Anonymous"  src="<?php echo $image_url;?>files/images/erba/rank_frame.png" style="position: absolute;top: 0%;left: 5vw;width: 190vw;">
			<div class="time" style="position: absolute;top: 57vw;width: 190vw;left: 5vw;">
				<a style="font-size: 6vw;padding: 1vw 8vw;border-radius:6vw;background:#064943;border:2px solid #77ffe8; ">房间号：<?php echo $room_number;?>&nbsp&nbsp&nbsp{{playerBoard.record}}</a>
			</div>
			<div style="height: 71vw;"></div>			
			<div v-for="p in playerBoard.score" class="scoresItem" v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]" v-show="p.account_id>0">
				<img  crossOrigin="Anonymous"  src="<?php echo $image_url;?>files/images/common/rank_bigwinner.png" style="top: 0; margin-top: -2.5vw; left: 4px;height: 13vh" v-show="p.isBigWinner==1">
				<div class="name">{{p.nickname}}</div>
				<div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>
			</div>
		</div>
		<div class="button roundEndShow">
			<img  crossOrigin="Anonymous"  src="<?php echo $image_url;?>files/images/common/rank_save.png" style="float: left;margin-left: 34%;" />
		</div>
	</div>

	<!-- 消息  	-->
	<div class="message" v-show="isShowMessage" >
    	<div class="messageBack" v-on:click="hideMessage"></div>
    	<div class="textPartOuter"></div>
    	<div id="message-box" class="textPart" v-bind:style="'height: ' + 0.39 * height + 'px;'">
    		<!-- <div class="outline"></div> -->
    		<div id="scroll-box" class="textList" style="width: 100%;">
    			<div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
    			<!-- <div class="textItem" style="height: 5px;background: #434547;"></div> -->	
    		</div>
    	</div>
    </div>

	<!-- end图片  -->
	<div class="end" style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 110;display: none;overflow: hidden;">
		<img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end"  usemap="#planetmap1" />
	</div>

	<!-- 游戏规则-->
	<div class="createRoom" id="vroomRule" v-show="ruleInfo.isShowRule" v-on:click="cancelGameRule">
		<div class="createRoomBack"></div>
		<div class="mainPart" >			
			<div  class="createB"></div>
			<div class="createTitle">
				<img src="<?php echo $image_url;?>files/images/common/txt_rule.png" />
			</div>	
            
            <img src="<?php echo $image_url;?>files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelGameRule"/>

			<div class="blueBack">
				<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
					<div class="selectTitle">模式：</div>
					<div class="selectList" >						
						<div class="selectItem" v-if="ruleInfo.banker_mode==1">
							<div class="selectText" >自由抢庄</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.banker_mode==2">
							<div class="selectText" >固定庄家</div>
						</div>						
					</div>
				</div>
				

				<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;" v-if="ruleInfo.banker_mode==2">
					<div class="selectTitle">上庄：</div>
					<div class="selectList" >						
						<div class="selectItem" v-if="ruleInfo.score_type==1">
							<div class="selectText" >500分</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.score_type==2">
							<div class="selectText" >1000分</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.score_type==3">
							<div class="selectText" >1500分</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.score_type==4">
							<div class="selectText" >无限制</div>
						</div>							
					</div>
				</div>					
				
				<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;" v-if="ruleInfo.banker_mode==1">
					<div class="selectTitle">筹码：</div>
					<div class="selectList" >						
						<div class="selectItem" v-if="ruleInfo.chip_type==1">
							<div class="selectText" >10,20,30,50</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.chip_type==2">
							<div class="selectText" >20,30,50,80</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.chip_type==3||ruleInfo.chip_type==4">
							<div class="selectText" >30,50,80,100</div>
						</div>							
					</div>
				</div>	
				
				<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
					<div class="selectTitle">规则：</div>
					<div class="selectList" >						
						<div class="selectItem" v-if="ruleInfo.rule_type==1">
							<div class="selectText" >无二八杠</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.rule_type==2">
							<div class="selectText" >二八杠2倍</div>
						</div>
						<div class="selectItem" v-if="ruleInfo.rule_type==3">
							<div class="selectText" >二八杠3倍</div>
						</div>							
					</div>
				</div>			


				<div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
					<div class="selectTitle">局数：</div>
					<div class="selectList">
						<div class="selectItem" style="margin-left:12px;" v-if="ruleInfo.ticket==1">
							<div class="selectText" >4×2局X1张房卡</div>
						</div>							
						<div class="selectItem" style="margin-left:12px;" v-if="ruleInfo.ticket==2">
							<div class="selectText" >8×2局X2张房卡</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	


	<!-- 游戏玩法 -->
    <div class="ruleRoom" id="vplayRule" v-show="isShowIntro" v-on:click="closeIntro">
		<div class="ruleRoomBack"></div>
		<div class="ruleRoomMainPart" >			
			<div  class="ruleB"></div>
			<div class="ruleTitle">
				<img src="<?php echo $image_url;?>files/images/common/txt_rull2.png" />
			</div>	
            
            <img src="<?php echo $image_url;?>files/images/common/cancel.png" class="cancelRule" v-on:click="closeIntro"/>

			<div class="frameBack">
				<div class="ruleItem" style="font-size: 2.3vh;">
					牌型大小：对白版>对子>二八杠>九点半>九点...>零点。
				</div>

                <div class="ruleItem" >
                	牌型算法：牌面点数相加取个位数，如：一筒+七筒为八点。九筒+白板为九点半。除二筒+八筒为二八杠，其它相加为10的都是零点 。
                </div>
                <div class="ruleItem" >
                	分数算法：对白版四倍，对子三倍，八点及以上为两倍，二八杠自定义倍数，其余为一倍。
                </div>

                <div class="ruleItem" >
		          得分规则：牌面大的优先得分；牌面相同，押注总额大的优先得分；牌面和押注总额相同，先押注的优先得分。
                </div>                
                <div class="ruleItem" >
		          注意：庄家和闲家牌一样时，庄家赢。
                </div>
			</div>
		</div>
	</div>
		
	<!-- 设置音频 -->
	<div class="audioRoom" id="vaudioRoom" v-show="editAudioInfo.isShow">
		<div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
		<div class="mainPart" >			
			<div  class="createB"></div>
			<div class="createTitle" style="height:4vh;">
			</div>	

			<img src="<?php echo $image_url;?>files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelAudioSetting"/>

			<div class="blueBack">
				<div style="height:0.5vh;"></div>

				<div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
					<div class="selectTitle">背景音乐：</div>
					<div class="selectList" >
						<div class="selectItem" style="margin-left:10px;" v-on:click="setBackMusic" >
							<div class="selectBox"></div>
							<img src="<?php echo $image_url;?>files/images/common/tick.png" v-show="editAudioInfo.backMusic==1"/>
							<div class="selectText">开启</div>
						</div>							
					</div>
				</div>

				<div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
					<div class="selectTitle">游戏音效：</div>
					<div class="selectList" >
						<div class="selectItem" style="margin-left:10px;" v-on:click="setMessageMusic">
							<div class="selectBox"></div>
							<img src="<?php echo $image_url;?>files/images/common/tick.png" v-show="editAudioInfo.messageMusic==1"/>
							<div class="selectText">开启</div>
						</div>							
					</div>
				</div>

				<div class="createCommit" v-on:click="confirmAudioSetting" >确定</div>

			</div>
		</div>
	</div>
</div>
<div style="display: none;">
	<img src="<?php echo $image_url;?>files/images/erba/card5.png">

	<img src="<?php echo $image_url;?>files/images/erba/card10.png">
	<img src="<?php echo $image_url;?>files/images/erba/card20.png">
	<img src="<?php echo $image_url;?>files/images/erba/card30.png">
	<img src="<?php echo $image_url;?>files/images/erba/card40.png">
	<img src="<?php echo $image_url;?>files/images/erba/card50.png">
	<img src="<?php echo $image_url;?>files/images/erba/card60.png">
	<img src="<?php echo $image_url;?>files/images/erba/card70.png">
	<img src="<?php echo $image_url;?>files/images/erba/card80.png">
	<img src="<?php echo $image_url;?>files/images/erba/card90.png">

</div>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/canvas.js" ></script>
</body>

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/jquery.marquee.min.js"></script><!--广播-->
<script type="text/javascript" src="<?php echo $image_url;?>files/js/bscroll.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue.min.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue-resource.min.js" ></script> 
<script type="text/javascript" src="<?php echo $image_url;?>files/js/erba-3-21-2.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/clipboard.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/layer/mobile/layer.js"></script>
<script>
    var clipboard = new ClipboardJS('.copyMe',{
        text: function(trigger) {
            return  "二八杠（房间号" + globalData.roomNumber + "）："+ globalData.roomUrl;
        }
    });
    clipboard.on('success', function(e) {
        console.log(e);
        layer.open({
            content: '复制成功！'
            ,skin: 'msg'
            ,time: 4
        });
    });

</script>
</html>
